body,html{margin:0;padding:0;color:#2c2c2c;font-size:12px;font-family:"Microsoft Yahei",\5B8B\4F53,Arial Narrow,arial,serif;text-align:left;}
div,p,span,ul,li,input,td,dd,dl,dt,ol,h1,form{margin:0;padding:0;}
i,em{font-style:normal;}
img{ border:none;vertical-align:top;}
ul,li,dl,dd,dt{list-style-type: none;}
a:hover{text-decoration: none;}
.fn_clear{zoom:1;display:block;clear:both;}

.fn_clear:after{clear:both;display:block;overflow:hidden;visibility:hidden;height:0 !important;line-height:0;font-size:xx-large;content:"xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx";}
.fn_hide{overflow: hidden;display: block;height: 0;visibility: hidden;line-height: 0;font-size: 0;}
.fn_right{display: inline;float: right;}
/*base over header*/
.wrap{position: relative;width: 100%;height: 100%;background-color: #fafbfd; }
.header{display:block;width:938px;height:79px;margin:0 auto;padding-top: 30px;}
.header .logo{display: inline;overflow:hidden;float: left;width: 79px;height: 79px;background: url(../images/logo.png) no-repeat;text-indent: -9999px;}
.header .title{display: inline;overflow:hidden;float: left;width:227px;height: 79px;background: url(../images/logo.png) -79px 0 no-repeat;text-indent: -9999px;}
/*conter*/
.bg1{width: 100%;padding-bottom: 32px;background: url(../images/bg1.jpg) center bottom no-repeat;background-size: 100%;}
.app_box{position: relative;width:454px;margin: 0 auto;border:1px solid #ccc;border-radius: 6px;background-color: #fff;box-shadow: 0 0 10px #666;zoom:1;}
.lcr_box{height:479px;background:url(../images/lcr_box.jpg) center bottom no-repeat;border-radius: 6px 6px 0 0 }
.lcr_box .lcrs{overflow: hidden;position: relative;height: 320px;overflow:hidden;}
.lcr_box .lcrs_str{position: absolute;text-align: center;margin-top: -3px;width: 454px;}
.lcr_box .lcrs .lcrs_str p{position: relative;text-align: center;line-height: 45px;color: #666;text-shadow:1px 1px 8px #fbfbfb;font-size: 17px;}
.lcr_box .lcrs .lcrs_str .current{color: #b36534;font-size: 25px;}

.lcr_box .title{height: 70px;padding:10px 15px 0 0; }

.misuc_box1{display: inline-block;position: relative;height:35px;padding-left: 30px;margin:5px 17px 0 5px;background:url(../images/appbox.png) 0 -300px no-repeat ;border-radius: 20px 0 0 20px;font: 500 15px/33px \5B8B\4F53;color: #666}
.misuc_box1 .misuc_boxover{position: absolute;right:-17px;top:0;height: 35px;width: 17px;background:url(../images/appbox.png) right -300px no-repeat ;border-radius:0 20px 20px 0;}
.lcr_box .title .shenqu,.lcr_box .title .shenqu_ed{display: inline-block;width: 95px;height: 45px;background:url(../images/shenquButton.png) 0 0  no-repeat ;cursor: pointer;font: 700 18px/42px arial;text-indent:37px;color:#fff}
.lcr_box .title .shenqu_ed{background:url(../images/shenquButton_.png) 0 0  no-repeat ;}
.lcr_box .title .loveit,.lcr_box .title .loveit_ed{display: inline-block;width: 51px;height: 42px;background:url(../images/appbox.png) -95px 0  no-repeat ;cursor: pointer;font: 500 12px/40px arial;text-align: center;color:#db2924}
.lcr_box .title .loveit{background:url(../images/appbox.png) -152px 0  no-repeat ;color: #fff;cursor: default;}

.login_box{position: absolute;top: 14px;left: 16px;width: 102px;height: 37px;}
.login_box .ioginqq,.login_box .ioginqq_ed,.login_box .ioginsn,.login_box .ioginsn_ed{display: inline;float: left;width: 38px;height:38px;margin-right: 12px;background: url(../images/appbox.png) -50px -49px no-repeat;cursor: pointer;}
.login_box .ioginqq_ed{background: url(../images/appbox.png) -50px 0 no-repeat;}
.login_box .ioginsn{background: url(../images/appbox.png) 0 -49px no-repeat;}
.login_box .ioginsn_ed{background: url(../images/appbox.png) 0 0 no-repeat;}

.playsomeone{position: relative;height: 198px;}
.playsomeone .misuc_box2{position: absolute;top:-14px;left:170px;}
.speed_box{display: block;overflow: hidden;height: 10px;margin-bottom: 42px;background-color: #cacaca;box-shadow: 0 1px 4px #666 inset;font-size: 0;line-height: 0}
.speeds{display:inline-block;height: 10px;background: url(../images/appbox.png) right -98px repeat-x; }
.misuc_box2{display: inline-block;position: relative;height:40px;width:75px;padding-left: 20px;margin:5px 17px 0 5px;background:url(../images/appbox.png) 0 -245px no-repeat ;border-radius: 40px 0 0 40px;font: 700 16px/38px 'Microsoft YaHei',arial;color: #666}
.misuc_box2 .misuc_boxover{position: absolute;right:-20px;top:0;height: 40px;width: 20px;background:url(../images/appbox.png) right -245px no-repeat ;border-radius:0 40px 40px 0;}
.misuc_box2 .play,.misuc_box2 .playing{margin-top: 10px;}
.play,.playing{overflow: hidden;display: inline-block;width: 16px;height: 18px;background:url(../images/play.gif) 0 0 no-repeat;cursor: pointer;}
.playing{background:url(../images/play.gif) 0 -18px no-repeat ;cursor: default;}
.playsomeone p{height:37px;padding: 0 22px;font-size: 13px;color: #666;line-height: 32px;}
.user{height: 46px;padding: 0 22px;font:500 20px/40px Microsoft Yahei; }
.user .seed_m,.user .seed_m:link,.user .seed_m:visited{display: inline;overflow: hidden;width: 100px;height: 33px;background:url(../images/appbox.png) 0 -115px no-repeat ;cursor: pointer;line-height: 9999px; }
.user .seed_m:hover{filter:alpha(opacity=80);opacity: .8}
.user .age_g,.user .age_b{display: inline-block;width: 36px;height: 21px;padding-left: 8px;border-radius: 12px;background:url(../images/appbox.png) 0 -157px no-repeat ;font:700 14px/21px Arial; color: #fff}
.user .age_b{background:url(../images/appbox.png) -50px -157px no-repeat ; }

.seed_box{height: 64px;padding: 0 14px;background:url(../images/appbox.png) center bottom no-repeat ;  }
.seed_box a{overflow: hidden;display: inline;float:left;width: 45px;height: 55px;cursor: pointer;text-indent:-9999px;}
.seed_box input{display: inline;float:left;width: 307px;margin:0 12px 0;padding: 22px 0 0 5px;background: none;border: 0 none;outline: none;}
.title_b{height: 60px;background-color: #f5f5f5;border-bottom: 1px solid #e2e2e2;font:20px/60px Microsoft Yahei;color: #333;text-align: center;}
.title_b a,.title_b a:link,.title_b a:visited{color: #4985c1;text-decoration: none;}
.title_b a:hover{text-decoration: none;}

.others{background-color: #f5f5f5;}
.others li{overflow: hidden;clear:both;padding:12px 26px;border-bottom: 1px solid #e2e2e2;font-size: 14px;color: #333;line-height: 44px; }
.others li:after{clear:both;display:block;overflow:hidden;visibility:hidden;height:0 !important;line-height:0;font-size:xx-large;content:"xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx";}
.others li .time{display: inline;float: right;padding-left:10px;font-size: 12px;color: #999}
.misuc_box3{display: inline-block;*display: inline;position: relative;height:28px;width:45px;padding-left: 20px;margin:5px 17px 0 5px;background:url(../images/appbox.png) 0 -199px no-repeat ;border-radius: 28px 0 0 28px;font: 700 16px/26px 'Microsoft YaHei',arial;color: #666;zoom:1;}
.misuc_box3 .misuc_boxover{position: absolute;right:-20px;top:0;height: 28px;width: 20px;background:url(../images/appbox.png) right -199px no-repeat ;border-radius:0 28px 28px 0;}
.misuc_box3 .play,.misuc_box3 .playing{margin-top: 4px;}
.more_others,.more_others:link,.more_others:visited{display:block;padding:0 26px ;height: 38px;background-color: #f5f5f5;line-height: 38px;cursor: pointer;color: #a1a1a1;}
.more_others:hover{color: #666}


.bg2{background:#ffecce url(../images/bg2.jpg) right 0 no-repeat;background-size:auto 1000px;}
.bg2 div.bg2{position:relative;width: 970px;height: 670px;margin:0 auto;padding: 60px 0 15px 32px;background:url(../images/bannerbg2.png) right 65px no-repeat;_background:url(../images/bannerbg2ie6.png) right 65px no-repeat;}
.bg2 div.bg2 p{padding:62px 0 0 418px;margin-bottom:24px;font:500 22px/40px "Microsoft Yahei";text-shadow:0 0 3px #fff;color: #666; }
.bg2 div.bg2 .download{width: 496px;height: 290px;margin:0 0 96px 418px;background:url(../images/download.png) 0 0 no-repeat; }
.bg2 div.bg2 .download a{overflow:hidden;display: inline;float: left;width: 220px;height: 66px;margin-right: 20px;text-indent: -9999px;}
.bg2 div.bg2 .title{margin-left: 488px;}
.bg2 div.bg2 .title li{display: inline;float: left;padding-top:7px;font:500 14px/18px "Microsoft Yahei";text-shadow:1px 1px 4px #fff;white-space: nowrap; }
.bg2 div.bg2 .show{position: absolute;width: 270px;height: 466px;top: 165px;left: 84px;}
.bg2 div.bg2 .show1{background: none;}
.bg2 div.bg2 .show2{background:url(../images/2.jpg) 0 0 no-repeat;}
.bg2 div.bg2 .show3{background:url(../images/3.jpg) 0 0 no-repeat;}
.bg2 div.bg2 .show4{background:url(../images/4.jpg) 0 0 no-repeat;}
.bg2 div.bg2 .show5{background:url(../images/5.jpg) 0 0 no-repeat;}
.bg2 div.bg2 .show6{background:url(../images/6.jpg) 0 0 no-repeat;}

/*outwindowns*/
.clause{position: absolute;overflow: hidden;width: 945px;height: 730px;top:134px;left:50%;margin-left:-472px;background-color:#fff;border: 1px solid #ededed;box-shadow:0 0 5px #ccc;  }
.clause .title{height: 45px;padding-left: 24px;background-color:#f7f7f7;border-bottom: 1px solid #ededed;font:500 14px/45px "Microsoft Yahei";}
.clause dl{overflow: auto;width: 922px;height:655px;margin: 0 0 0 24px;padding-top:24px;line-height: 32px;word-wrap: break-word;word-break: normal;word-break:break-all;}
.clause dt{font-weight: 700;}
.clause dd{}


/*footer*/
.shadow1{background-color: #fff;box-shadow: 0 1px 20px #333}
.footer{width: 100%;}
.footer p{display:block;overflow:hidden;width:696px;height:60px;margin:0 auto;padding-left:242px;font:500 12px/76px \5B8B\4F53;color: #666}
.footer p a,.footer p a:link,.footer p a:visited{padding: 0 24px;color: #666;text-decoration: none;}
.footer p a:hover{text-decoration: none;color: #333;}
.footer .copyright{height: 54px;padding:10px 0 0 0;border-top:1px solid #dfdfdf;font:500 12px/20px \5B8B\4F53;text-align: center;}